.box{
    width: 568px;
    height: 384px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 4px !important;
    box-shadow: rgb(0 0 0 / 15%) 0px 14px 36px 2px !important;
    padding: 24px !important;
}
.title ul{
    display: flex;
    width: 100%;
    justify-content: space-around;
}
li{
    cursor: pointer;
}
.content ul li{
    color: rgb(118, 118, 118) !important;
    font-size: 14px !important;
    font-weight: 400px !important;
    margin-top: 10px;
}


.content>ul{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

    width: 500px;
    height: 285px;
    overflow: auto;
}
.content .ditie{
    display: flex;
}
.content .ditie .left{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

    width: 150px;
    height: 285px;
    overflow-y: auto;
    overflow-x: auto;
}
.content .ditie .left li{
    /* width: 100%; */
    /* overflow: auto; */
    /* padding-left: 10px; */
    white-space:nowrap;
    margin-top: 10px;
}
.content .ditie .right{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

    width: 500px;
    height: 285px;
    overflow-y: scroll;
}
.content .ditie .right li{
    margin-top: 10px;
}